<template>
  <div class="robot-list-container">
    <!-- 顶部导航 -->
    <van-nav-bar
        title="添加好友"
        left-arrow
        @click-left="goBack"
        class="nav-bar"
    />

    <div class="search-section" style="margin: 10px;" >
      <van-search
          @click="gosearch"
          class="custom-search"
          placeholder="搜索"
          background="#ffffff"
          :round="true"
          :show-action="false"
      >
        <template #left-icon>
          <van-icon name="search" size="18" style="padding-left: 5px;padding-right: 5px;" />
        </template>
      </van-search>
    </div>
  </div>
</template>

<script>
export default {
  name: "addfriend",
  data(){
    return{
    }
  },
  mounted() {
  },
  methods:{
    goBack(){
      this.$router.go(-1);
    },
    gosearch(){
      this.$router.push({name: 'gosearch'})
    }
  }
}
</script>

<style scoped>
.robot-list-container {
  background-color: #f4f8f9;
  height: 100vh;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
/deep/ .van-search{
  border-radius: 6px;
  padding: 5px 5px;
}
/deep/ .van-search__content{
  background-color: white !important;
  padding-left:0px !important;
}
</style>
